<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>深圳跨境通</title>

<link rel="stylesheet" type="text/css" href="/szpxt/css/styles_third-party.css" >
<link rel="stylesheet" type="text/css" href="/szpxt/css/ext-all.css">
<link rel="stylesheet" type="text/css" href="/szpxt/css/styles.css">
<link rel="stylesheet" type="text/css" href="/szpxt/css/jquery.qtip.css">

<script type="text/javascript" language="javascript" src="/szpxt/js/jquery-1.6.4.js"></script>
<script type="text/javascript" language="javascript" src="/szpxt/js/ext-base.js"></script>
<script type="text/javascript" language="javascript" src="/szpxt/js/ext-all.js"></script>
<script type="text/javascript" language="javascript" src="/szpxt/js/jquery.qtip.js"></script>
<!--  
<script type="text/javascript" language="javascript" src="/szpxt/js/ext-all-debug.js"></script>
-->
<script type="text/javascript" language="javascript" src="/szpxt/js/base.js"></script>
<script type="text/javascript" language="javascript" src="/szpxt/js/finance.js"></script>
<script type="text/javascript" language="javascript" src="/szpxt/js/staff.js"></script>


<script type="text/javascript">
$(document).ready(function() {
	var financeParams = {className: 'Finance', formPanelTitle: '融资基本信息', hideButtonAfterSave: true, formPanelItems: [
		{xtype: 'textfield', fieldLabel: '目标融资额', name: 'expectAmount', width: 200, allowBlank: false},                                                                                 
		{xtype: 'textfield', fieldLabel: '公司名称', name: 'companyName', width: 200, allowBlank: false},
		{xtype: 'textfield', fieldLabel: '联系人名称', name: 'contactName', width: 200, allowBlank: false},
		{xtype: 'textfield', fieldLabel: '联系人电话', name: 'contactPhone', width: 200, allowBlank: false},
		{xtype: 'radiogroup', fieldLabel: '分析师挑选', width: 200, items: [
			{boxLabel: '随即选择', name: 'analyst', inputValue: 'random', checked: true},
			{boxLabel: '自行选择', name: 'analyst', inputValue: 'self'}],
			listeners: {'change': function(radiogroup, checked) {
				if(checked.inputValue == 'self') {
					var staffName = {xtype: 'textfield', id: 'staffName', fieldLabel: '分析师名称', name: 'analystName', width: '200', readOnly: true};
					finance.formPanel.insert(5, staffName);
					var staffId = {xtype: 'hidden', id: 'staffId', name: 'staffId'};
					finance.formPanel.insert(6, staffId);
					
					finance.formPanel.doLayout();

					$('h3').show('slow');
					staff.showList();
				}
				else {
					finance.formPanel.remove(5);
					finance.formPanel.remove(6);
					finance.formPanel.doLayout();

					$('#h3').hide('slow');
					$('#divList').hide('slow');
				}
		}}}
	]};
	var finance = new Finance(financeParams);
	finance.showForm();
//	finance.showImages();

	var staffParams = {className: 'Staff', gridWidth: 255, gridHeight: 300, gridFields: ['id', 'name', 'eMail', 'imageName'], gridColumns: [
		{header: '名称', dataIndex: 'name', width: 200}
	], gridListeners: {'cellclick': function(grid, rowIndex, columnIndex, e) {
		var record = grid.getStore().getAt(rowIndex);
		Ext.getCmp('staffId').setValue(record.data.id);
		Ext.getCmp('staffName').setValue(record.data.name);
	}}};
	var staff = new Staff(staffParams);
});
</script>
</head>
<body>
<div id="bg_short">
  <div id="top_bar">
    <div id="top_bar_wrapper">
      <div class="left">
        <!--start side panel-->
        <div class="panel">
          <div id="close"><a href="http://tf.dtbaker.com.au/template/solved/blue-pink/contact.html#" onclick="$(&#39;.trigger&#39;).click(); return false;"><img src="./Contact Us_files/close.png" alt="Close" width="16" height="16" border="0"></a></div>
          <h3>Call Back Form</h3>
          If you would like us to call you to discuss any our services please leave your details, a suitable time and we will get back to you.
          <form action="http://tf.dtbaker.com.au/template/solved/blue-pink/formsubmit_call_back.php" method="post" id="call_back_form">
            <div id="call_back_input">
              <label for="call_back_name">
                <input type="text" value="Name" name="name" id="call_back_name" onfocus="if(this.value==&#39;Name&#39;)this.value=&#39;&#39;;" onblur="if(this.value==&#39;&#39;)this.value=&#39;Name&#39;;" size="40">
              </label>
              <label for="call_back_email">
                <input type="text" value="Email" name="email" id="call_back_email" onfocus="if(this.value==&#39;Email&#39;)this.value=&#39;&#39;;" onblur="if(this.value==&#39;&#39;)this.value=&#39;Email&#39;;" size="40">
              </label>
              <label for="call_back_phone">
                <input type="text" value="Phone" name="phone" id="call_back_phone" onfocus="if(this.value==&#39;Phone&#39;)this.value=&#39;&#39;;" onblur="if(this.value==&#39;&#39;)this.value=&#39;Phone&#39;;" size="40">
              </label>
              <label for="call_back_time">
                <input type="text" value="Time" name="time" id="call_back_time" onfocus="if(this.value==&#39;Time&#39;)this.value=&#39;&#39;;" onblur="if(this.value==&#39;&#39;)this.value=&#39;Time&#39;;" size="20">
              </label>
            </div>
            <div id="call_back_submit">
              <label for="call_back_submit_button">
                <input type="submit" value="Submit" name="call_back_submit_button" id="call_back_submit_button">
              </label>
            </div>
          </form>
          <div style="clear:both;"></div>
        </div>
        <!--end side panel-->
      </div>
      <!--end left-->
      <div class="right">
        <!--  
        <ul>
          <li class="keep_in"> 联系我们:</li>
          <li><a href="http://www.linkedin.com/" title="Linked In"><img src="/szpxt/images/common/icon_linkedin_off.png" alt="Linked In" width="24" height="24" border="0" class="img-swap"></a></li>
          <li><a href="http://twitter.com/" title="Twitter"><img src="/szpxt/images/common/icon_twitter_off.png" alt="Twitter" width="24" height="24" border="0" class="img-swap"></a></li>
          <li><a href="http://www.facebook.com/" title="Facebook"><img src="/szpxt/images/common/icon_facebook_off.png" alt="Facebook" width="24" height="24" border="0" class="img-swap"></a></li>
          <li><a href="http://feeds.feedburner.com/" title="RSS"><img src="/szpxt/images/common/icon_rss_off.png" alt="RSS" width="24" height="24" border="0" class="img-swap"></a></li>
        </ul>
        -->
      	<a id="login" href="javascript: void(0)"><span style="color: white;">登录</span></a>
      </div>
      <!--end right-->
    </div>
  </div>
  <!--end top bar-->
  <div id="wrapper">
    <div id="header">
      <div id="logo"><a href="http://tf.dtbaker.com.au/template/solved/blue-pink/index.html"><img src="/szpxt/images/common/logo.png" alt="Logo" width="314" height="81" border="0"></a></div>
      <div id="header_contact">电话: 158 1879 5809</div>
    </div>
    <!--end header-->
    <div id="menu">
      <ul id="navigation">
        <li><a href="http://tf.dtbaker.com.au/template/solved/blue-pink/index.html">Home</a>
          <ul class="second-level">
            <!--start a new list with the style: class="second-level"-->
            <li> <a href="http://tf.dtbaker.com.au/template/solved/blue-pink/home_static.html">Home - Static Banner</a></li>
            <li> <a href="http://tf.dtbaker.com.au/template/solved/blue-pink/home_service_boxes.html">Home - Service boxes</a></li>
          </ul>
        </li>
        <li><a href="javascript: void(0)" class="active" style="background-image:none;">融资业务</a>
          <!--notice you do not close the </li> here -->
          <ul class="second-level">
            <!--start a new list with the style: class="second-level"-->
            <li> <a href="/szpxt/finance/apply.jsp">业务申请</a></li>
            <li> <a href="http://tf.dtbaker.com.au/template/solved/blue-pink/contact.html#">Other Service 2</a></li>
            <li> <a href="http://tf.dtbaker.com.au/template/solved/blue-pink/contact.html#">Other Service 3</a></li>
            <li> <a href="http://tf.dtbaker.com.au/template/solved/blue-pink/contact.html#">Other Service 4</a></li>
            <li> <a href="http://tf.dtbaker.com.au/template/solved/blue-pink/contact.html#">Other Service 5</a></li>
            <li> <a href="http://tf.dtbaker.com.au/template/solved/blue-pink/contact.html#">Other Service 6</a></li>
          </ul>
          <!-- close the new list-->
        </li>
        <!-- close the services <li>-->
        <li><a href="http://tf.dtbaker.com.au/template/solved/blue-pink/full_width.html">Full Width</a> </li>
        <li><a href="http://tf.dtbaker.com.au/template/solved/blue-pink/blog.html">Blog</a></li>
        <li><a href="http://tf.dtbaker.com.au/template/solved/blue-pink/boxes.html">Boxes</a></li>
        <li><a href="http://tf.dtbaker.com.au/template/solved/blue-pink/sitemap.php">Site Map</a> </li>
        <li><a href="javascript: void(0)">内部管理</a>
          <ul class="second-level">
            <!--start a new list with the style: class="second-level"-->
            <li> <a href="/szpxt/organization/company.jsp">公司部门管理</a></li>
            <li> <a href="/szpxt/organization/role.jsp">角色管理</a></li>
          </ul>
        </li>
      </ul>
      <div id="search_box_container">
        <form action="http://tf.dtbaker.com.au/template/solved/blue-pink/search.php" method="get" name="search">
          <input name="search" type="text" class="field" id="search_box">
          <input name="Search" type="submit" class="button" value="SEARCH">
        </form>
      </div>
      <!--end search box-->
    </div>
    <div id="content">
      <div id="full_width">
        <div id="left_column">
          <div class="left_details">
          	<h3 id="h3" style="display: none;">分析师选择</h3>
          	<div id="divList"></div>
          </div>
        </div>
        <!--end left column-->
        <div class="main_right">
        	<div class="divButtonMaximize"></div>
        	<div class="infoMessage"></div>
        	<div class="errorMessage"></div>
        	<div id="divButton"></div>
        	<div class="divFormExplain"> 
				<p style="color: #1B467B">有融资需求的公司请填写表格并提交</p>
				<p style="color: #1B467B">分析师将在5个工作日内与您联系</p>
			</div>
			<div id="divForm" class="form"></div>
			<div id="divList" style="display: none;"></div>
        </div>
        <!--end main right-->
      </div>
      <!--end full width-->
      <div class="clear"></div>
    </div>
    <!--end content-->
  </div>
  <!--end wrapper-->
  <div id="footer">
    <div class="wrapper">
      <div class="left">© Solved</div>
      <div class="right">
        <ul>
          <li><a href="http://themeforest.net/user/dtbaker?ref=dtbaker">Designed by dtbaker</a> </li>
          <li>| <a href="http://tf.dtbaker.com.au/template/solved/blue-pink/sitemap.php">Site map</a> </li>
          <li>| <a href="./Contact Us_files/Contact Us.htm">Contact Us</a></li>
        </ul>
      </div>
    </div>
  </div>
  <!--end footer-->
</div>
<!--end bg short-->
</body>
</html>